@BG: #536438;
@Height: 100px;
header.home-header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
  .logo-header {
    display: flex;
    height: @Height;
    background-color: @BG;
    align-items: center;
    padding-left: 10px; /* no */
    img {
      max-height: @Height;
      width: 8rem;
      flex-basis: 80%;
    }
    span.anticon {
      font-weight: bold;
      font-size: 40px; /*no*/
    }
  }
  .hidden{
    display: none;
  }
  .category {
    position: absolute;
    top: @Height;
    width: 100%;
    padding: 10px 50px;
    background-color: #7b8667;
    margin: 0 auto;
    padding: 0;
    @fontSize: 40px;
    li {
      font-size: @fontSize;
      line-height: 2 * @fontSize;
      padding-left: @fontSize;
      &.active{
        color: red;
      }
    }

  }
}
